/** Add css rules here for your application. */
.name {
	font-size: 1em;
	font-weight: bold;
	color: blue;
	text-align: right;
	border-width: thin;
	padding-right: 1.5em;
	cursor: pointer;
}

body {
	font-family: Verdana;
}

table {
	border-collapse: collapse;
	border-width: medium;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
}

td {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1em;
	padding-right: 1em;
	border-color: black;
	border-width: thin;
	border-style: inset;
	border-color: gray;
}

tr {
	padding: 5px;
}

thead {
	background: #9cf;
	text-align: center;
	border: thin black;
}

tfoot {
	background: #CCCCFF;
	text-align: center;
	border: thin black;
}

.borderOpenRight {
	border-width: thin;
	border-right-width: 0;
}

.borderOpenLeftRight {
	border-width: thin;
	border-left-width: 0;
	border-right-width: 0;
}

.borderOpenLeft {
	border-width: thin;
	border-left-width: 0;
}

.border {
	border-width: thin;
	border-color: black;
	border-style: inset;
}

.borderNone {
	border-color: transparent;
}

.cursorPointer {
	cursor: pointer;
}

.highlight {
	background-color: #FFFF99;
}

.sortAscending {
	padding-left: 5px;
	padding-right: 20px;
	background-image: url("icons/ascending.gif");
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}

.sortDescending {
	padding-left: 5px;
	padding-right: 20px;
	background-image: url("icons/descending.gif");
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}

.sortAscendingGrey {
	padding-left: 5px;
	padding-right: 20px;
	background-image: url("icons/ascending_grey.gif");
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}

.sortDescendingGrey {
	padding-left: 5px;
	padding-right: 20px;
	background-image: url("icons/descending_grey.gif");
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cursorWait {
	cursor: wait;
}

.selected {
	padding-left: 20px;
	background-image: url("icons/selected.gif");
	background-repeat: no-repeat;
	background-position: 2px;
}

.unselected {
	padding-left: 20px;
	background-image: url("icons/unselected.gif");
	background-repeat: no-repeat;
	background-position: 2px;
}

.label {
	color: #3399FF;
	font-size: smaller;
	text-align: right;
	vertical-align: top;
}

.valueReadOnly {
	font-weight: bolder;
}

.valueEdit {
	
}

.validationError {
	background-color: #FF99CC;
}

.button {
	display: block;
	background-color: transparent;
	font-weight: normal;
	font-size: smaller;
	background-image: url("icons/button_blue.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 5px auto;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
	cursor: pointer;
}

.buttonDisable {
	border-style: outset;
	color: gray;
	background-image: url("icons/button_gray.gif");
	cursor: default;
}

.buttonOver {
	background-image: url("icons/button_yellow.gif");
}

.notDisplayed {
	display: none;
}

.notVisible {
	visibility: hidden;
}

.odd { /*	background-color: #FFFFCC;*/
	
}

.even {
	
}

.dropPanel {
	border-top-width: medium;
	border-bottom-width: medium;
}

.logError {
	color: red;
}

.logSuccess {
	color: green;
}

.radioButton {
	
}

.checkBox {
	
}

.noWrap {
	white-space: nowrap;
}

.sampleLeftColumn {
	min-width: 70%;
	vertical-align: top;
	text-align: left;
}

.sampleRightColumn {
	max-width: 30%;
	vertical-align: top;
	text-align: left;
}